@charset "utf-8";
.content{
        height: 1038px;
        border-bottom: 1px solid #ccc;
    .shopping_car{
        width: 100%;
        .shopping_settle{
            display: inline-block;
            width:55.6%;

            max-width: 830px;
            .login_settle{
               
                .hight{
                    display: inline-block;
                    line-height: 73px;
                }
              
                .good_price {
//              text-shadow: 0 0 2px red;
                font-size: 15px;
                line-height: 30px;
                color: red;
                padding-left: 30px;
                background: #efefef;

              

            }
           
            }
       
           
           
            form{

                float:left;
                width:50%;
                padding:25px 40px;
                margin: 10px 0;
                
                
                h2{
                    
                    font-weight: normal;
                }
               
                 p{
                    padding-bottom: 13px;
                    }
                
                li{
                    padding-bottom: 40px;
                }
                 input[type="checkbox"]{
                   vertical-align: middle;
               }
                a:hover{
                    text-decoration:underline;
                }
                
                 input[type="text"],
                    input[type="password"],
                    input[type="button"] {
                        width: 100%;
                        height: 40px;
                        border: 1px solid #C0C0C0;
                        border-radius: 5px;
                        font-size: 16px;
                        text-indent: 6px;
                    }
                    input[type="button"] {
                        background: #584c4c;
                        color: white;
                        font-size: 16px;
                        border: 0;
                        vertical-align: middle;
                        
                    }
                    input[type="button"]:hover{
                        background: red;
                        font-weight: 600;
                         
                    }
                    input[type="button"]:focus{
                        background: red;
                        font-weight: 600;
                         
                    }
                    input:focus {
                        animation: appear 800ms ease-out infinite alternate;
                        box-shadow: 0 0 5px;
                    }
                    @keyframes appear {
                        0% {
                            border-color: #f40b0b;
                            box-shadow: 0 0 5px #f40b0b;
                        }
                        100% {
                            border-collapse: #f40b0b;
                            box-shadow: 0 0 20px #f81616;
                        }
                }
                span{
                    font-size: 12px;
                }
            }
           
            .login_settle{
                 form{
                  background: #efefef;
                }
                
                .fg_pw a{
                    
                    float: right;
                    color:black;
                    
                }
                
            }
            .visitor_settel{
                
                form{
                  
                  background: #e7e7e7;
                  height: 518px;

                  }
                  .margin_top32{
                      margin-top: 32px;
                }
                
            }
            
            }
            
            }
            .shopping_step{
                
               table{
                   width: 100%;
                    border-style:none ;
               
                th{
                    line-height: 47px;
                    font-size: 24px;
                    font-weight: normal;
                    text-align: left;
                }
                td{
                    width: 33.33%;
                    height: 36px;


                    background: #c0c0c0;

                    border-right: 1px solid white;
                   
                }
                    a{
                        display: block;
                        color: white;
                        line-height: 36px;
                        padding-left:10px; 
                         
                        &:hover{
                            background: #584C4C;
                        }
                    }

                
               }
        }
        .shopping_goods{
            float: right;

            margin-top: 113px;
            width: 44.4%;
            
            ul{
                margin-left: 20px;
            }
            .size20{
                span{
                 font-size: 25px; 
                 font-weight: 10px;  
                }
            }
            .chang_color{
                color: #b0b0b0;
            }
            li{
                border-bottom: 1px solid #efefef;
                margin: 20px 0 28px 0;
                 p{
                       line-height: 30px;
                   }
            }
           .goods{
            width: 100%;

               
               img{
                  display: inline-block;
                   width: 122px;
                   height: 122px;    
               }
               li{
                   display: inline-block;
            vertical-align: top;
            border: 0;
            padding-right: 15px;
                   
               }
               .good_pic1{
                   max-width: 75px;
                   display: inline-block;
                   vertical-align: top;
                   -webkit-transition: .3s;
                   transition: .3s;
                 
                   
                   &:hover{
//                     animation: pic2 800ms ease-out infinite alternate;
                        -webkit-transform: scale(1.1);
                       transform: scale(1.1);
                   }
                   
                   
               } 
//             @keyframes pic2{
//                  0% {transform: scale(1);
//                  
//                  }   
//                  100% {
//                     transform: scale(1.2);
//                     
//  }}
               .price{
                       vertical-align: bottom;
                       text-align: right;
                   }
               .bottom30{
                   overflow: hidden;
                   white-space: nowrap;
                   margin-bottom: 35px;
                   text-overflow: ellipsis;
                   width: 146px;
               }
               
           }
            .order_total{
                   
                         padding: 7px 40px;
                         background: #efefef;
                         border-radius: 5px;
                         li{                          
                         border-bottom: 1px solid #dadada;
                   }
               }
        }

}
